<!DOCTYPE html>



  


<html class="theme-next gemini use-motion" lang="zh-Hans">
<head>
  <meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
<meta name="theme-color" content="#222">









<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
















  
  
  <link href="/lib/fancybox/source/jquery.fancybox.css?v=2.1.5" rel="stylesheet" type="text/css" />







<link href="/lib/font-awesome/css/font-awesome.min.css?v=4.6.2" rel="stylesheet" type="text/css" />

<link href="/css/main.css?v=5.1.4" rel="stylesheet" type="text/css" />


  <link rel="apple-touch-icon" sizes="180x180" href="/%E5%8D%9A%E5%AE%A2.png?v=5.1.4">


  <link rel="icon" type="image/png" sizes="32x32" href="/images/%E5%8D%9A%E5%AE%A2.png?v=5.1.4">


  <link rel="icon" type="image/png" sizes="16x16" href="/images/%E5%8D%9A%E5%AE%A2.png?v=5.1.4">


  <link rel="mask-icon" href="/images/logo.svg?v=5.1.4" color="#222">





  <meta name="keywords" content="计算机网络," />





  <link rel="alternate" href="/atom.xml" title="Createsequence's Blog" type="application/atom+xml" />






<meta name="description" content="概述 此文为极客时间趣谈网络协议第二模块“从第二层到第三层”中，第一和第二节的学习笔记。 主要内容包括局域网 LAN 的建立，以及局域网间如何通过交换机建立拓补结构。 一、如何建立一个局域网 局域网 LAN 的全称为 Local Area Network，它其实就是一个小型的计算机网络系统，当我们搭建一个局域网，我们需要考虑这四个问题：  设备间要怎么互相发送数据？ 多个设备同时发送">
<meta property="og:type" content="article">
<meta property="og:title" content="《趣谈网络协议》读书笔记（二）：局域网与交换机">
<meta property="og:url" content="http://blog.xiajibagao.top/2020/12/23/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C/%E3%80%8A%E8%B6%A3%E8%B0%88%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE%E3%80%8B%E8%AF%BB%E4%B9%A6%E7%AC%94%E8%AE%B0%EF%BC%88%E4%BA%8C%EF%BC%89%EF%BC%9A%E5%B1%80%E5%9F%9F%E7%BD%91%E4%B8%8E%E4%BA%A4%E6%8D%A2%E6%9C%BA/index.html">
<meta property="og:site_name" content="Createsequence&#39;s Blog">
<meta property="og:description" content="概述 此文为极客时间趣谈网络协议第二模块“从第二层到第三层”中，第一和第二节的学习笔记。 主要内容包括局域网 LAN 的建立，以及局域网间如何通过交换机建立拓补结构。 一、如何建立一个局域网 局域网 LAN 的全称为 Local Area Network，它其实就是一个小型的计算机网络系统，当我们搭建一个局域网，我们需要考虑这四个问题：  设备间要怎么互相发送数据？ 多个设备同时发送">
<meta property="og:locale">
<meta property="og:image" content="http://img.xiajibagao.top/8072e4885b0cbc6cb5384ea84d487e41.jpg">
<meta property="og:image" content="http://img.xiajibagao.top/0867321c36cc52bd3dd4d7622583fa29.jpg">
<meta property="og:image" content="http://img.xiajibagao.top/1f909508a8253d4842ffe962883421ea.jpg">
<meta property="og:image" content="http://img.xiajibagao.top/ba720f6988558f95c381f4deaab11660.jpg">
<meta property="og:image" content="http://img.xiajibagao.top/5c207a6e2c1c9881823b04e648f4ba4a.jpg">
<meta property="article:published_time" content="2020-12-22T16:00:00.000Z">
<meta property="article:modified_time" content="2021-02-09T05:36:41.879Z">
<meta property="article:author" content="Createsequence">
<meta property="article:tag" content="计算机网络">
<meta name="twitter:card" content="summary">
<meta name="twitter:image" content="http://img.xiajibagao.top/8072e4885b0cbc6cb5384ea84d487e41.jpg">



<script type="text/javascript" id="hexo.configurations">
  var NexT = window.NexT || {};
  var CONFIG = {
    root: '',
    scheme: 'Gemini',
    version: '5.1.4',
    sidebar: {"position":"left","display":"post","offset":12,"b2t":false,"scrollpercent":true,"onmobile":false},
    fancybox: true,
    tabs: true,
    motion: {"enable":true,"async":false,"transition":{"post_block":"fadeIn","post_header":"slideDownIn","post_body":"slideDownIn","coll_header":"slideLeftIn","sidebar":"slideUpIn"}},
    duoshuo: {
      userId: '0',
      author: '博主'
    },
    algolia: {
      applicationID: '',
      apiKey: '',
      indexName: '',
      hits: {"per_page":10},
      labels: {"input_placeholder":"Search for Posts","hits_empty":"We didn't find any results for the search: ${query}","hits_stats":"${hits} results found in ${time} ms"}
    }
  };
</script>



  <link rel="canonical" href="http://blog.xiajibagao.top/2020/12/23/计算机网络/《趣谈网络协议》读书笔记（二）：局域网与交换机/"/>





  <title>《趣谈网络协议》读书笔记（二）：局域网与交换机 | Createsequence's Blog</title>
  








<meta name="generator" content="Hexo 5.2.0"></head>

<body itemscope itemtype="http://schema.org/WebPage" lang="zh-Hans">

  
  
    
  

  <div class="container sidebar-position-left page-post-detail">
    <div class="headband"></div>

    <header id="header" class="header" itemscope itemtype="http://schema.org/WPHeader">
      <div class="header-inner"><div class="site-brand-wrapper">
  <div class="site-meta ">
    

    <div class="custom-logo-site-title">
      <a href="/"  class="brand" rel="start">
        <span class="logo-line-before"><i></i></span>
        <span class="site-title">Createsequence's Blog</span>
        <span class="logo-line-after"><i></i></span>
      </a>
    </div>
      
        <p class="site-subtitle">一个努力前进的程序猿</p>
      
  </div>

  <div class="site-nav-toggle">
    <button>
      <span class="btn-bar"></span>
      <span class="btn-bar"></span>
      <span class="btn-bar"></span>
    </button>
  </div>
</div>

<nav class="site-nav">
  

  
    <ul id="menu" class="menu">
      
        
        <li class="menu-item menu-item-home">
          <a href="/" rel="section">
            
              <i class="menu-item-icon fa fa-fw fa-home"></i> <br />
            
            首页
          </a>
        </li>
      
        
        <li class="menu-item menu-item-tags">
          <a href="/tags/" rel="section">
            
              <i class="menu-item-icon fa fa-fw fa-tags"></i> <br />
            
            标签
          </a>
        </li>
      
        
        <li class="menu-item menu-item-categories">
          <a href="/categories/" rel="section">
            
              <i class="menu-item-icon fa fa-fw fa-th"></i> <br />
            
            分类
          </a>
        </li>
      
        
        <li class="menu-item menu-item-archives">
          <a href="/archives/" rel="section">
            
              <i class="menu-item-icon fa fa-fw fa-archive"></i> <br />
            
            归档
          </a>
        </li>
      

      
        <li class="menu-item menu-item-search">
          
            <a href="javascript:;" class="popup-trigger">
          
            
              <i class="menu-item-icon fa fa-search fa-fw"></i> <br />
            
            搜索
          </a>
        </li>
      
    </ul>
  

  
    <div class="site-search">
      
  <div class="popup search-popup local-search-popup">
  <div class="local-search-header clearfix">
    <span class="search-icon">
      <i class="fa fa-search"></i>
    </span>
    <span class="popup-btn-close">
      <i class="fa fa-times-circle"></i>
    </span>
    <div class="local-search-input-wrapper">
      <input autocomplete="off"
             placeholder="搜索..." spellcheck="false"
             type="text" id="local-search-input">
    </div>
  </div>
  <div id="local-search-result"></div>
</div>



    </div>
  
</nav>



 </div>
    </header>

    <main id="main" class="main">
      <div class="main-inner">
        <div class="content-wrap">
          <div id="content" class="content">
            

  <div id="posts" class="posts-expand">
    

  

  
  
  

  <article class="post post-type-normal" itemscope itemtype="http://schema.org/Article">
  
  
  
  <div class="post-block">
    <link itemprop="mainEntityOfPage" href="http://blog.xiajibagao.top/2020/12/23/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C/%E3%80%8A%E8%B6%A3%E8%B0%88%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE%E3%80%8B%E8%AF%BB%E4%B9%A6%E7%AC%94%E8%AE%B0%EF%BC%88%E4%BA%8C%EF%BC%89%EF%BC%9A%E5%B1%80%E5%9F%9F%E7%BD%91%E4%B8%8E%E4%BA%A4%E6%8D%A2%E6%9C%BA/">

    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
      <meta itemprop="name" content="">
      <meta itemprop="description" content="">
      <meta itemprop="image" content="/images/Createsequence.jpg">
    </span>

    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
      <meta itemprop="name" content="Createsequence's Blog">
    </span>

    
      <header class="post-header">

        
        
          <h1 class="post-title" itemprop="name headline">《趣谈网络协议》读书笔记（二）：局域网与交换机</h1>
        

        <div class="post-meta">
          <span class="post-time">
            
              <span class="post-meta-item-icon">
                <i class="fa fa-calendar-o"></i>
              </span>
              
                <span class="post-meta-item-text">发表于</span>
              
              <time title="创建于" itemprop="dateCreated datePublished" datetime="2020-12-23T00:00:00+08:00">
                2020-12-23
              </time>
            

            

            
          </span>

          
            <span class="post-category" >
            
              <span class="post-meta-divider">|</span>
            
              <span class="post-meta-item-icon">
                <i class="fa fa-folder-o"></i>
              </span>
              
                <span class="post-meta-item-text">分类于</span>
              
              
                <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
                  <a href="/categories/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C/" itemprop="url" rel="index">
                    <span itemprop="name">计算机网络</span>
                  </a>
                </span>

                
                
              
            </span>
          

          
            
          

          
          

          

          
            <div class="post-wordcount">
              
                
                <span class="post-meta-item-icon">
                  <i class="fa fa-file-word-o"></i>
                </span>
                
                  <span class="post-meta-item-text">字数统计&#58;</span>
                
                <span title="字数统计">
                  3.9k
                </span>
              

              

              
            </div>
          

          

        </div>
      </header>
    

    
    
    
    <div class="post-body" itemprop="articleBody">

      
      

      
        <h2 id="概述">概述</h2>
<p>此文为极客时间<a target="_blank" rel="noopener" href="https://time.geekbang.org/column/intro/85">趣谈网络协议</a>第二模块“从第二层到第三层”中，第一和第二节的学习笔记。</p>
<p>主要内容包括局域网 LAN 的建立，以及局域网间如何通过交换机建立拓补结构。</p>
<h2 id="一-如何建立一个局域网">一、如何建立一个局域网</h2>
<p>局域网 LAN 的全称为 Local Area Network，它其实就是一个小型的计算机网络系统，当我们搭建一个局域网，我们需要考虑这四个问题：</p>
<ul>
<li>设备间要怎么互相发送数据？</li>
<li>多个设备同时发送数据，那么发送顺序怎么安排？</li>
<li>如果数据发生过程中出现错误怎么办？</li>
<li>设备怎么知道数据是发送给自己的？</li>
</ul>
<h3 id="1物理层连接网线">1.物理层连接网线</h3>
<p>目前的网线一般有八根线组成，其中1,2起接收数据的作用，而3,6起发送数据的作用，我们将网线一端的1与3换位子，2与6换位子，然后将水晶头两端连接到电脑上，理论上两台电脑就具备了互相通信的物理基础（现在的电脑都具备自动适配的功能，理论上不换水晶头也不会有什么影响）。</p>
<p>当然，有了<strong>物理基础，我们还需要配置 IP 地址，子网掩码和默认网关，当配置好以后，两台电脑就会组成一个最小的局域网，即 LAN</strong>。</p>
<p>如果是多台设备，就需要一个交换机（相当于大学里头用的集线器）。多台设备连接到一个交换机上，当一个电脑发出数据的时候，Hub 会获取数据包并且广播给其他电脑。</p>
<p><strong>现在解决了“设备间要怎么互相发送数据”问题。</strong></p>
<h3 id="2mac策略控制发送顺序">2.MAC策略控制发送顺序</h3>
<p>现在我们有了一个局域网，两台电脑之间可以通过广播给另一台电脑发送数据。</p>
<p>但是如果有多台电脑，就需要一个中转站，也就是交换机。<strong>交换机处于数据链路层，这是一个第二层设备，我们发出的包在抵达网络层之前，需要在数据链路层封装 MAC 地址，因而第二层也叫 MAC 层</strong>。</p>
<p>广播频道是有限的，就需要区分一个先来后到，确定谁先发生数据，谁先等会。MAC 全称 Medium Access Control，即<strong>媒体访问控制。他主要解决设备之间数据发送顺序的问题</strong>。</p>
<p>假如将设备发送数据比作汽车上路，有三种策略：</p>
<ul>
<li><strong>信道划分</strong>：划分车道，你走你的，我走我的；</li>
<li><strong>轮流协议</strong>：限单双号，今天单号，明天双号；</li>
<li><strong>随机接入</strong>：先出门，发现堵车就回去，错峰出门。（以太网使用的就是随机接入策略。）</li>
</ul>
<p><strong>这样，就解决了“多个设备数据发送顺序”问题。</strong></p>
<h3 id="3循环冗余检测防止发生出错">3.循环冗余检测防止发生出错</h3>
<p>对于以太网，第二层的最后面是 CRC，也就是循环冗余检测。通过 XOR 异或的算法，来计算整个包是否在发送的过程中出现了错误，</p>
<p><strong>这样，就解决了"数据发生过程中出现错误"问题</strong></p>
<h3 id="4网卡根据mac接收数据包">4.网卡根据MAC接收数据包</h3>
<p>现在，我们可以发送数据，并且也能确定好发送顺序了，接下来我们要解决接收问题。</p>
<p>现在，<strong>我们需要发送数据必然是知道目标 IP 的，而 IP 处于第三层，也就是网络层。</strong></p>
<p>一般有两种情况，即发送设备知道目标设备 MAC 地址与发送设备不知道目标 MAC 地址两种情况。</p>
<p><strong>发送设备知道目标设备 MAC 地址</strong></p>
<p>当数据通过广播进入数据链路层的时候，应当携带对应的链路层地址，也就是 MAC 地址。在网络包中，应当包含目标 MAC 地址和源 MAC 地址：</p>
<p><img src="http://img.xiajibagao.top/8072e4885b0cbc6cb5384ea84d487e41.jpg" alt="img" style="zoom:33%;"></p>
<p><strong>有了目标 MAC 地址，当数据包在链路上广播的时候，网卡发现目标 MAC 和自己的 MAC 相同，就会接收数据包</strong>，接着打开 IP 包，如果 IP 也是自己的，就再打开 TCP 包......依次直到转发给应用层的引用处理为止。</p>
<p>反之，如果机器要做出响应，就要反过来重复这个过程：数据封装的 TCP 包，TCP 包封到 IP 包，IP 包封装到 MAC 包，然后发送出去，接收机器的网卡根据 MAC 确认是不是自己的.......直到应用层处理完为止。</p>
<p><strong>发送设备不知道目标 MAC 地址</strong></p>
<p>当设备知道目标 IP，但是不知道目标 MAC 的时候，可以通过 ARP 协议来通过目标 IP 获取 MAC 地址。</p>
<p>而 <strong>ARP 协议就是广播设备目标设备的 IP，并且获得目标设备返回的 MAC</strong>，对应的，<strong>有一个功能相反的 RARP 协议，作用是广播 MAC 获取 IP</strong>。</p>
<p>现在通过 ARP 协议设备可以知道目标设备的 IP 了，而为了避免频繁的发起 ARP 请求，<strong>设备自己也会在请求后缓存 ARP 信息</strong>。由于机器可能会下线，因此 IP 与 MAC 的对应关系不一定不变，因此 ARP 缓存有一定的有效时间，过了会过期再请求一次。</p>
<p><strong>这样，就解决了"设备怎么知道数据是发送给自己的"问题</strong></p>
<h3 id="5路由器">5.路由器</h3>
<p>实际上，按照上面这些环节是可以建立一个局域网的，但是由于原始的交换机是无条件广播的，没有办法根据 IP 或者 MAC 定向发送数据，这样当设备一多，就会占用带宽，降低效率。并且，如果网络存在闭环，当一个设备发起 ARP 请求的时候，请求有可能再次回到交换机，然后进一步广播，如此反复形成广播风暴。</p>
<p>为此，我们需要交换机具有学习能力，就像路由器一样。<strong>而路由器是一个网络层设备，他可以直接记忆 IP 和 MAC 的对照关系，假如一个交换机可以做到这点，那么它其实就可以看做一个网络层设备，因此也叫三层交换机</strong>。我们以路由器为例，说明这个“学习”的流程：</p>
<p>在最开始的时候，机器发起 ARP 请求需要广播，把包发给所有连接路由器的机器，但是一次请求后它就会记住 MAC 来自于哪一个口，再发送请求的时候就不需要广播，而是定向发送。</p>
<p>当所有的机器都发送过 ARP 请求后，路由器就会记住整个网络结构，将网口和 MAC 的对应关系记录在具有一定过期时间的转发表中，过期时间内，所有的请求都可以得到定向转发，不必再广播。</p>
<h2 id="二-交换机与vlan">二、交换机与VLAN</h2>
<h3 id="1交换机与拓补结构">1.交换机与拓补结构</h3>
<p>在公司这样的场合，多个局域网一般会由多个交换机互相连接形成拓补结构：</p>
<p><img src="http://img.xiajibagao.top/0867321c36cc52bd3dd4d7622583fa29.jpg" alt="img" style="zoom: 25%;"></p>
<p>假如现在机器1需要发送消息给机器4，现在它只知道机器4的 IP，那么它就需要通过 ARP 请求获得机器4的 MAC。</p>
<ul>
<li>现在机器1发起了 ARP 请求，机器2收到了，但是 IP 不是它的，所以它没有动作；然后交换机 A 收到了这个 ARP 请求，现在它也不知道 IP 对应的 MAC 是多少，于是它把请求广播给其他设备或交换机。</li>
<li>现在 LAN2 中的机器3收到了，但是 IP 不是它的，因而它也没有动作。</li>
<li>然后交换机 B 收到了，他也不知道 IP 对应的 MAC，于是又在 LAN3 中进行广播，机器5没有动静，但是机器4发现要找的就是自己的 IP，于是发出响应，给出了 MAC，现在响应经过了交换机 A 和交换机 B，然后到达了机器1，于是一个 ARP 请求成功完成了。</li>
</ul>
<p>在响应过程中，<strong>交换机 A 和交换机 B 就知道了机器1和机器4的 IP 与 MAC对应关系，还有他们所在的位置</strong>。</p>
<p>假如现在机器2要请求机器1，由于交换机 A 已经知道机器1在 LAN1 中，因此只会在 LAN1 中广播。</p>
<p>随着 ARP 请求，交换机会逐渐了解整个拓补结构，减少不必要的广播，从而提高转发效率。</p>
<h3 id="2环路问题">2.环路问题</h3>
<p>当我们把两台交换机相连的时候，可能就会导致环路问题，比如机器1请求机器2：</p>
<p><img src="http://img.xiajibagao.top/1f909508a8253d4842ffe962883421ea.jpg" alt="img" style="zoom:25%;"></p>
<ul>
<li>机器1请求到达交换机 A，交换机 A 广播至 LAN2；</li>
<li>交换机 B 也在 LAN2，因此他也收到了广播，接着转发至 LAN1；</li>
<li>交换机 A 也在 LAN1，因此他也收到了广播，再次转发至 LAN2。至此，形成了循环</li>
</ul>
<p>同理，交换机 B 也会形成这个过程，因此一份请求会不断的在循环中变多。</p>
<p>实际上，交换机“记忆”拓补结构的能力在这里是失效的：</p>
<ul>
<li>当机器1请求机器2，请求先到达交换机A，此时交换机A记住了机器1在左边的网口；接着请求到达交换机B，交换机B也记住了机器1在左边的网口；</li>
<li>接着，交换机 A 广播请求到 LAN2，交换机 B 也收到了广播，因而认为机器1在右边的网口；然后交换机 B 广播到 LAN1，交换机 A 收到后也认为机器1 在左边。至此，形成了循环。</li>
</ul>
<h3 id="3stp协议解决环路问题">3.STP协议解决环路问题</h3>
<p>STP 即最小生成树，假如我们有一张无向量的图，每个节点之间的路径有不同的权重，我们打破图的环状结构，将其变为一课树，如果有一课树上节点之间所有路径的权重之和最小，那么这个树就是最小权重生成树，简称最小生成树。</p>
<p>我们比较熟悉的普利姆和克鲁斯卡算法就是用来生成最小生成树的，具体可以参考大佬的博文：<a target="_blank" rel="noopener" href="https://blog.csdn.net/qq_35644234/article/details/59106779">数据结构--最小生成树详解</a>。</p>
<p>当交换机并入网络的时候回被分配到一个 ID，ID 有优先限级，当交换机节点相遇的时候，会互相发送 BPDU（网桥协议数据单元）比较优先级，优先级大的节点会成为优先级第的节点的父节点，反复比较后，最终会得到一个根节点。</p>
<p>根据此原则，有以下四种情况：</p>
<ul>
<li>父级节点相遇：优先级低的节点带领子级节点成为优先级高的父级节点的子级节点（收入门下）；</li>
<li>父级节点遇到自己的子级节点：说明形成了环，如果是该节点是孙子或者更低级的节点，并且该点直接到达父级节点的路径权值和小于通过他的上级节点到达父节点的路径权值，就会提升它的等级，将其直接变为自己的子节点；</li>
<li>父级节点遇到其他父级节点的子级节点：子节点会找到自己的父节点，最后跟这个父节点比较，然后走父节点相遇的流程；</li>
<li>子级节点相遇：子级节点相遇，会找到自己的父节点然后互相比较，走父级节点相遇的流程。</li>
</ul>
<p><strong>通过 STP 协议，我们就打破了环路，将原本的图状网络变为了树状</strong>。</p>
<p>不过 STP 虽好，但是也有问题：<strong>如果接入的机器非常多，或者网络请求比较慢，就会导致整个树生成的时间较长，如果生成树以后某个父级节点挂了，或者加入了新的节点，在等待重新生成 STP 的过程中是没法上网的</strong>。</p>
<h3 id="4局域网的隔离">4.局域网的隔离</h3>
<p>机器之间通过交换机互相连接形成 LAN，但是总有一些信息不方便完全共享，因此需要将一个大的 LAN 分割成多个小的 LAN。</p>
<p>隔离有两种方式，一种是<strong>物理隔离，即直接将局域网和交换机摘出去，改为通过路由器连接</strong>。</p>
<p>第二种是<strong>虚拟隔离，即虚拟局域网 VLAN，将一个连接在一个交换机上的机器划分为多个虚拟的局域网</strong>。</p>
<p>方法同一个 VLAN 里的机器，在发送数据包的时候会在 MAC 层的头中加上Tag，里面有一个 VLAN ID，默认为 12 位，也就是一个 VLAN 中最多允许 <code>2^12 = 4096</code> 个 IP。当交换机支持使用 VLAN 的时候，包经过 MAC 层转发到交换机，<strong>交换机会解析 Tag，只有 VLAN 相同的包才会互相转发</strong>。</p>
<p><img src="http://img.xiajibagao.top/ba720f6988558f95c381f4deaab11660.jpg" alt="img" style="zoom: 33%;"></p>
<p>而交换机之间有一个特殊的网口，叫做 Trunk 口，这两个口会转发所有的 VLAN 的包。</p>
<p><img src="http://img.xiajibagao.top/5c207a6e2c1c9881823b04e648f4ba4a.jpg" alt="img" style="zoom: 25%;"></p>
<h2 id="三-总结">三、总结</h2>
<p><strong>局域网的建立</strong></p>
<ul>
<li>物理层：首先，物理层的支持是必不可少的，比如网线。</li>
<li>数据链路层：当一台设备发送请求的时候，需要经过数据链路层——也就是 MAC 层的处理。数据包将在 MAC 层在头上添加源 MAC 与目标 MAC；设备发送数据需要确定先后顺序，这根据 MAC 层采用的三种 MAC 策略决定。在这之后，会进行循环冗余检测确保数据包是否成功发出。</li>
<li>网络层：假如一切顺利，那么数据包就会进入网络层，若不知道目标 IP 的 MAC，就需要先通过 ARP 请求获取目标 IP，再重复上述过程——比较需要注意的是， ARP 协议也是一个网络层协议。</li>
</ul>
<p>数据包会被路由器广播到各个 LAN，接着机器根据目标 MAC 是否是自己的来决定是否要接收数据包。</p>
<p><strong>交换机与路由器</strong></p>
<p>由于 ARP 需要在 LAN 中广播，若每次发送数据包都要进行 ARP 请求效率会非常低，因此交换机会在 ARP 请求后记录源机器和目标机器的位置与信息，当下次发起请求时，不再全局广播 ARP 请求，而是定向发送。</p>
<p><strong>环路问题与STP协议</strong></p>
<p>一般来说，公司的局域网都是以多台交换机组成的拓补结构，但是随着网络结构复杂程度的上升，可能会出现环路，对应的解决方法是将形成环的图结构根据 STP 协议转为最小生成树。不过在节点过多的时候生成 STP 可能会花费较多时间，而且如果每当新节点加入都需要重新生成 STP。</p>
<p><strong>VLAN</strong></p>
<p>要将一个大局域网分为多个小局域网，一种是划分物理局域网，一种是划分虚拟局域网，即 VLAN。</p>
<p>当一些机器处于 VLAN 中时，发送的数据包会在 MAC 层会在头中添加 Tag，而 Tag 中又包含了 VLAN ID，支持划分 VLAN 的路由器在转发数据包的时候，只会广播给 VLAN ID 相同的机器，而路由器间通过 Trunk 口互相连接，这个网口会广播所有的 VLAN 的包。</p>

      
    </div>
    
    
    

    

    

    

    <footer class="post-footer">
      
        <div class="post-tags">
          
            <a href="/tags/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C/" rel="tag"># 计算机网络</a>
          
        </div>
      

      
      
      

      
        <div class="post-nav">
          <div class="post-nav-next post-nav-item">
            
              <a href="/2020/12/22/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C/%E3%80%8A%E8%B6%A3%E8%B0%88%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE%E3%80%8B%E8%AF%BB%E4%B9%A6%E7%AC%94%E8%AE%B0%EF%BC%88%E4%B8%80%EF%BC%89%EF%BC%9A%E7%BD%91%E7%BB%9C%E5%88%86%E5%B1%82%EF%BC%8CIP%E4%B8%8EMAC/" rel="next" title="《趣谈网络协议》读书笔记（一）：网络分层，IP与MAC">
                <i class="fa fa-chevron-left"></i> 《趣谈网络协议》读书笔记（一）：网络分层，IP与MAC
              </a>
            
          </div>

          <span class="post-nav-divider"></span>

          <div class="post-nav-prev post-nav-item">
            
              <a href="/2020/12/24/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C/%E3%80%8A%E8%B6%A3%E8%B0%88%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE%E3%80%8B%E8%AF%BB%E4%B9%A6%E7%AC%94%E8%AE%B0%EF%BC%88%E4%B8%89%EF%BC%89%EF%BC%9AICMP%E5%8D%8F%E8%AE%AE%E4%B8%8Eping%E5%91%BD%E4%BB%A4/" rel="prev" title="《趣谈网络协议》读书笔记（三）：ICMP协议与ping命令">
                《趣谈网络协议》读书笔记（三）：ICMP协议与ping命令 <i class="fa fa-chevron-right"></i>
              </a>
            
          </div>
        </div>
      

      
      
    </footer>
  </div>
  
  
  
  </article>



    <div class="post-spread">
      
    </div>
  </div>


          </div>
          


          

  



        </div>
        
          
  
  <div class="sidebar-toggle">
    <div class="sidebar-toggle-line-wrap">
      <span class="sidebar-toggle-line sidebar-toggle-line-first"></span>
      <span class="sidebar-toggle-line sidebar-toggle-line-middle"></span>
      <span class="sidebar-toggle-line sidebar-toggle-line-last"></span>
    </div>
  </div>

  <aside id="sidebar" class="sidebar">
    
    <div class="sidebar-inner">

      

      
        <ul class="sidebar-nav motion-element">
          <li class="sidebar-nav-toc sidebar-nav-active" data-target="post-toc-wrap">
            文章目录
          </li>
          <li class="sidebar-nav-overview" data-target="site-overview-wrap">
            站点概览
          </li>
        </ul>
      

      <section class="site-overview-wrap sidebar-panel">
        <div class="site-overview">
          <div class="site-author motion-element" itemprop="author" itemscope itemtype="http://schema.org/Person">
            
              <img class="site-author-image" itemprop="image"
                src="/images/Createsequence.jpg"
                alt="" />
            
              <p class="site-author-name" itemprop="name"></p>
              <p class="site-description motion-element" itemprop="description"></p>
          </div>

          <nav class="site-state motion-element">

            
              <div class="site-state-item site-state-posts">
              
                <a href="/archives/%7C%7Carchive">
              
                  <span class="site-state-item-count">89</span>
                  <span class="site-state-item-name">日志</span>
                </a>
              </div>
            

            
              
              
              <div class="site-state-item site-state-categories">
                <a href="/categories/index.html">
                  <span class="site-state-item-count">15</span>
                  <span class="site-state-item-name">分类</span>
                </a>
              </div>
            

            
              
              
              <div class="site-state-item site-state-tags">
                <a href="/tags/index.html">
                  <span class="site-state-item-count">21</span>
                  <span class="site-state-item-name">标签</span>
                </a>
              </div>
            

          </nav>

          
            <div class="feed-link motion-element">
              <a href="/atom.xml" rel="alternate">
                <i class="fa fa-rss"></i>
                RSS
              </a>
            </div>
          

          

          
          

          
          

          

        </div>
      </section>

      
      <!--noindex-->
        <section class="post-toc-wrap motion-element sidebar-panel sidebar-panel-active">
          <div class="post-toc">

            
              
            

            
              <div class="post-toc-content"><ol class="nav"><li class="nav-item nav-level-2"><a class="nav-link" href="#%E6%A6%82%E8%BF%B0"><span class="nav-text">概述</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#%E4%B8%80-%E5%A6%82%E4%BD%95%E5%BB%BA%E7%AB%8B%E4%B8%80%E4%B8%AA%E5%B1%80%E5%9F%9F%E7%BD%91"><span class="nav-text">一、如何建立一个局域网</span></a><ol class="nav-child"><li class="nav-item nav-level-3"><a class="nav-link" href="#1%E7%89%A9%E7%90%86%E5%B1%82%E8%BF%9E%E6%8E%A5%E7%BD%91%E7%BA%BF"><span class="nav-text">1.物理层连接网线</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#2mac%E7%AD%96%E7%95%A5%E6%8E%A7%E5%88%B6%E5%8F%91%E9%80%81%E9%A1%BA%E5%BA%8F"><span class="nav-text">2.MAC策略控制发送顺序</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#3%E5%BE%AA%E7%8E%AF%E5%86%97%E4%BD%99%E6%A3%80%E6%B5%8B%E9%98%B2%E6%AD%A2%E5%8F%91%E7%94%9F%E5%87%BA%E9%94%99"><span class="nav-text">3.循环冗余检测防止发生出错</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#4%E7%BD%91%E5%8D%A1%E6%A0%B9%E6%8D%AEmac%E6%8E%A5%E6%94%B6%E6%95%B0%E6%8D%AE%E5%8C%85"><span class="nav-text">4.网卡根据MAC接收数据包</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#5%E8%B7%AF%E7%94%B1%E5%99%A8"><span class="nav-text">5.路由器</span></a></li></ol></li><li class="nav-item nav-level-2"><a class="nav-link" href="#%E4%BA%8C-%E4%BA%A4%E6%8D%A2%E6%9C%BA%E4%B8%8Evlan"><span class="nav-text">二、交换机与VLAN</span></a><ol class="nav-child"><li class="nav-item nav-level-3"><a class="nav-link" href="#1%E4%BA%A4%E6%8D%A2%E6%9C%BA%E4%B8%8E%E6%8B%93%E8%A1%A5%E7%BB%93%E6%9E%84"><span class="nav-text">1.交换机与拓补结构</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#2%E7%8E%AF%E8%B7%AF%E9%97%AE%E9%A2%98"><span class="nav-text">2.环路问题</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#3stp%E5%8D%8F%E8%AE%AE%E8%A7%A3%E5%86%B3%E7%8E%AF%E8%B7%AF%E9%97%AE%E9%A2%98"><span class="nav-text">3.STP协议解决环路问题</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#4%E5%B1%80%E5%9F%9F%E7%BD%91%E7%9A%84%E9%9A%94%E7%A6%BB"><span class="nav-text">4.局域网的隔离</span></a></li></ol></li><li class="nav-item nav-level-2"><a class="nav-link" href="#%E4%B8%89-%E6%80%BB%E7%BB%93"><span class="nav-text">三、总结</span></a></li></ol></div>
            

          </div>
        </section>
      <!--/noindex-->
      

      

    </div>
  </aside>


        
      </div>
    </main>

    <footer id="footer" class="footer">
      <div class="footer-inner">
        <div class="copyright">&copy; <span itemprop="copyrightYear">2022</span>
  <span class="with-love">
    <i class="fa fa-user"></i>
  </span>
  <span class="author" itemprop="copyrightHolder">Createsequence</span>

  
</div>






  <div class="theme-info">主题 &mdash; <a class="theme-link" target="_blank" href="https://github.com/iissnan/hexo-theme-next">NexT.Gemini</a> v5.1.4</div>




        







        
      </div>
    </footer>

    
      <div class="back-to-top">
        <i class="fa fa-arrow-up"></i>
        
          <span id="scrollpercent"><span>0</span>%</span>
        
      </div>
    

    

  </div>

  

<script type="text/javascript">
  if (Object.prototype.toString.call(window.Promise) !== '[object Function]') {
    window.Promise = null;
  }
</script>









  












  
  
    <script type="text/javascript" src="/lib/jquery/index.js?v=2.1.3"></script>
  

  
  
    <script type="text/javascript" src="/lib/fastclick/lib/fastclick.min.js?v=1.0.6"></script>
  

  
  
    <script type="text/javascript" src="/lib/jquery_lazyload/jquery.lazyload.js?v=1.9.7"></script>
  

  
  
    <script type="text/javascript" src="/lib/velocity/velocity.min.js?v=1.2.1"></script>
  

  
  
    <script type="text/javascript" src="/lib/velocity/velocity.ui.min.js?v=1.2.1"></script>
  

  
  
    <script type="text/javascript" src="/lib/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
  


  


  <script type="text/javascript" src="/js/src/utils.js?v=5.1.4"></script>

  <script type="text/javascript" src="/js/src/motion.js?v=5.1.4"></script>



  
  


  <script type="text/javascript" src="/js/src/affix.js?v=5.1.4"></script>

  <script type="text/javascript" src="/js/src/schemes/pisces.js?v=5.1.4"></script>



  
  <script type="text/javascript" src="/js/src/scrollspy.js?v=5.1.4"></script>
<script type="text/javascript" src="/js/src/post-details.js?v=5.1.4"></script>



  


  <script type="text/javascript" src="/js/src/bootstrap.js?v=5.1.4"></script>



  


  




	





  





  












  

  <script type="text/javascript">
    // Popup Window;
    var isfetched = false;
    var isXml = true;
    // Search DB path;
    var search_path = "search.xml";
    if (search_path.length === 0) {
      search_path = "search.xml";
    } else if (/json$/i.test(search_path)) {
      isXml = false;
    }
    var path = "/" + search_path;
    // monitor main search box;

    var onPopupClose = function (e) {
      $('.popup').hide();
      $('#local-search-input').val('');
      $('.search-result-list').remove();
      $('#no-result').remove();
      $(".local-search-pop-overlay").remove();
      $('body').css('overflow', '');
    }

    function proceedsearch() {
      $("body")
        .append('<div class="search-popup-overlay local-search-pop-overlay"></div>')
        .css('overflow', 'hidden');
      $('.search-popup-overlay').click(onPopupClose);
      $('.popup').toggle();
      var $localSearchInput = $('#local-search-input');
      $localSearchInput.attr("autocapitalize", "none");
      $localSearchInput.attr("autocorrect", "off");
      $localSearchInput.focus();
    }

    // search function;
    var searchFunc = function(path, search_id, content_id) {
      'use strict';

      // start loading animation
      $("body")
        .append('<div class="search-popup-overlay local-search-pop-overlay">' +
          '<div id="search-loading-icon">' +
          '<i class="fa fa-spinner fa-pulse fa-5x fa-fw"></i>' +
          '</div>' +
          '</div>')
        .css('overflow', 'hidden');
      $("#search-loading-icon").css('margin', '20% auto 0 auto').css('text-align', 'center');

      $.ajax({
        url: path,
        dataType: isXml ? "xml" : "json",
        async: true,
        success: function(res) {
          // get the contents from search data
          isfetched = true;
          $('.popup').detach().appendTo('.header-inner');
          var datas = isXml ? $("entry", res).map(function() {
            return {
              title: $("title", this).text(),
              content: $("content",this).text(),
              url: $("url" , this).text()
            };
          }).get() : res;
          var input = document.getElementById(search_id);
          var resultContent = document.getElementById(content_id);
          var inputEventFunction = function() {
            var searchText = input.value.trim().toLowerCase();
            var keywords = searchText.split(/[\s\-]+/);
            if (keywords.length > 1) {
              keywords.push(searchText);
            }
            var resultItems = [];
            if (searchText.length > 0) {
              // perform local searching
              datas.forEach(function(data) {
                var isMatch = false;
                var hitCount = 0;
                var searchTextCount = 0;
                var title = data.title.trim();
                var titleInLowerCase = title.toLowerCase();
                var content = data.content.trim().replace(/<[^>]+>/g,"");
                var contentInLowerCase = content.toLowerCase();
                var articleUrl = decodeURIComponent(data.url);
                var indexOfTitle = [];
                var indexOfContent = [];
                // only match articles with not empty titles
                if(title != '') {
                  keywords.forEach(function(keyword) {
                    function getIndexByWord(word, text, caseSensitive) {
                      var wordLen = word.length;
                      if (wordLen === 0) {
                        return [];
                      }
                      var startPosition = 0, position = [], index = [];
                      if (!caseSensitive) {
                        text = text.toLowerCase();
                        word = word.toLowerCase();
                      }
                      while ((position = text.indexOf(word, startPosition)) > -1) {
                        index.push({position: position, word: word});
                        startPosition = position + wordLen;
                      }
                      return index;
                    }

                    indexOfTitle = indexOfTitle.concat(getIndexByWord(keyword, titleInLowerCase, false));
                    indexOfContent = indexOfContent.concat(getIndexByWord(keyword, contentInLowerCase, false));
                  });
                  if (indexOfTitle.length > 0 || indexOfContent.length > 0) {
                    isMatch = true;
                    hitCount = indexOfTitle.length + indexOfContent.length;
                  }
                }

                // show search results

                if (isMatch) {
                  // sort index by position of keyword

                  [indexOfTitle, indexOfContent].forEach(function (index) {
                    index.sort(function (itemLeft, itemRight) {
                      if (itemRight.position !== itemLeft.position) {
                        return itemRight.position - itemLeft.position;
                      } else {
                        return itemLeft.word.length - itemRight.word.length;
                      }
                    });
                  });

                  // merge hits into slices

                  function mergeIntoSlice(text, start, end, index) {
                    var item = index[index.length - 1];
                    var position = item.position;
                    var word = item.word;
                    var hits = [];
                    var searchTextCountInSlice = 0;
                    while (position + word.length <= end && index.length != 0) {
                      if (word === searchText) {
                        searchTextCountInSlice++;
                      }
                      hits.push({position: position, length: word.length});
                      var wordEnd = position + word.length;

                      // move to next position of hit

                      index.pop();
                      while (index.length != 0) {
                        item = index[index.length - 1];
                        position = item.position;
                        word = item.word;
                        if (wordEnd > position) {
                          index.pop();
                        } else {
                          break;
                        }
                      }
                    }
                    searchTextCount += searchTextCountInSlice;
                    return {
                      hits: hits,
                      start: start,
                      end: end,
                      searchTextCount: searchTextCountInSlice
                    };
                  }

                  var slicesOfTitle = [];
                  if (indexOfTitle.length != 0) {
                    slicesOfTitle.push(mergeIntoSlice(title, 0, title.length, indexOfTitle));
                  }

                  var slicesOfContent = [];
                  while (indexOfContent.length != 0) {
                    var item = indexOfContent[indexOfContent.length - 1];
                    var position = item.position;
                    var word = item.word;
                    // cut out 100 characters
                    var start = position - 20;
                    var end = position + 80;
                    if(start < 0){
                      start = 0;
                    }
                    if (end < position + word.length) {
                      end = position + word.length;
                    }
                    if(end > content.length){
                      end = content.length;
                    }
                    slicesOfContent.push(mergeIntoSlice(content, start, end, indexOfContent));
                  }

                  // sort slices in content by search text's count and hits' count

                  slicesOfContent.sort(function (sliceLeft, sliceRight) {
                    if (sliceLeft.searchTextCount !== sliceRight.searchTextCount) {
                      return sliceRight.searchTextCount - sliceLeft.searchTextCount;
                    } else if (sliceLeft.hits.length !== sliceRight.hits.length) {
                      return sliceRight.hits.length - sliceLeft.hits.length;
                    } else {
                      return sliceLeft.start - sliceRight.start;
                    }
                  });

                  // select top N slices in content

                  var upperBound = parseInt('1');
                  if (upperBound >= 0) {
                    slicesOfContent = slicesOfContent.slice(0, upperBound);
                  }

                  // highlight title and content

                  function highlightKeyword(text, slice) {
                    var result = '';
                    var prevEnd = slice.start;
                    slice.hits.forEach(function (hit) {
                      result += text.substring(prevEnd, hit.position);
                      var end = hit.position + hit.length;
                      result += '<b class="search-keyword">' + text.substring(hit.position, end) + '</b>';
                      prevEnd = end;
                    });
                    result += text.substring(prevEnd, slice.end);
                    return result;
                  }

                  var resultItem = '';

                  if (slicesOfTitle.length != 0) {
                    resultItem += "<li><a href='" + articleUrl + "' class='search-result-title'>" + highlightKeyword(title, slicesOfTitle[0]) + "</a>";
                  } else {
                    resultItem += "<li><a href='" + articleUrl + "' class='search-result-title'>" + title + "</a>";
                  }

                  slicesOfContent.forEach(function (slice) {
                    resultItem += "<a href='" + articleUrl + "'>" +
                      "<p class=\"search-result\">" + highlightKeyword(content, slice) +
                      "...</p>" + "</a>";
                  });

                  resultItem += "</li>";
                  resultItems.push({
                    item: resultItem,
                    searchTextCount: searchTextCount,
                    hitCount: hitCount,
                    id: resultItems.length
                  });
                }
              })
            };
            if (keywords.length === 1 && keywords[0] === "") {
              resultContent.innerHTML = '<div id="no-result"><i class="fa fa-search fa-5x" /></div>'
            } else if (resultItems.length === 0) {
              resultContent.innerHTML = '<div id="no-result"><i class="fa fa-frown-o fa-5x" /></div>'
            } else {
              resultItems.sort(function (resultLeft, resultRight) {
                if (resultLeft.searchTextCount !== resultRight.searchTextCount) {
                  return resultRight.searchTextCount - resultLeft.searchTextCount;
                } else if (resultLeft.hitCount !== resultRight.hitCount) {
                  return resultRight.hitCount - resultLeft.hitCount;
                } else {
                  return resultRight.id - resultLeft.id;
                }
              });
              var searchResultList = '<ul class=\"search-result-list\">';
              resultItems.forEach(function (result) {
                searchResultList += result.item;
              })
              searchResultList += "</ul>";
              resultContent.innerHTML = searchResultList;
            }
          }

          if ('auto' === 'auto') {
            input.addEventListener('input', inputEventFunction);
          } else {
            $('.search-icon').click(inputEventFunction);
            input.addEventListener('keypress', function (event) {
              if (event.keyCode === 13) {
                inputEventFunction();
              }
            });
          }

          // remove loading animation
          $(".local-search-pop-overlay").remove();
          $('body').css('overflow', '');

          proceedsearch();
        }
      });
    }

    // handle and trigger popup window;
    $('.popup-trigger').click(function(e) {
      e.stopPropagation();
      if (isfetched === false) {
        searchFunc(path, 'local-search-input', 'local-search-result');
      } else {
        proceedsearch();
      };
    });

    $('.popup-btn-close').click(onPopupClose);
    $('.popup').click(function(e){
      e.stopPropagation();
    });
    $(document).on('keyup', function (event) {
      var shouldDismissSearchPopup = event.which === 27 &&
        $('.search-popup').is(':visible');
      if (shouldDismissSearchPopup) {
        onPopupClose();
      }
    });
  </script>





  

  

  

  
  

  

  

  


  <!-- 引入目录截取js -->
  <script type="text/javascript" src="/js/src/custom/custom.js"></script>
</body>
</html>
